<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<textarea id="txtContent" rows="10" cols="50"></textarea>
		<p>已输入了<span>0</span>字</p>
		<script type="text/javascript">
			var txt1 = document.getElementById('txtContent');
			// 在txt1元素中进行按键输入后键盘按钮松手时触发此事件
			txt1.onkeyup = function(){
				// 获取当前元素的值得长度
				var len = txt1.value.length;
				// 把当前元素的值得长度写入页面相应位置
				document.getElementsByTagName('span')[0].innerText = len;
			}
		</script>
	</body>
</html>
